import { ref, onBeforeUnmount } from 'vue';

const useNetwork = () => {
  const online = ref(true);

  const updateNetwork = () => {
    online.value = navigator.onLine;
  };

  window.addEventListener('online', updateNetwork);
  window.addEventListener('offline', updateNetwork);

  onBeforeUnmount(() => {
    window.removeEventListener('online', updateNetwork);
    window.removeEventListener('offline', updateNetwork);
  });

  return { online };
};

export { useNetwork };
